// 获取id

$(function () {
    // 图标切换
    let state = 0;
    let eye = $('#eye');
    let small = $('#zoe');
    eye.click(
        function () {
            if (state == 0) {
                small.css('display', 'block')
                eye.attr('src', './img/off.png')
                state = 1
            } else {
                small.css('display', 'none')
                eye.attr('src', './img/more.png')
                state = 0;
            }
        }
    )
    // 圆点
    // let shuaxin = window.location.href;
    window.onresize = function () {
        $("#zoe").hide();
        // 当页面缩小是刷新页面
        // window.location.href = shuaxin
        $('.more img').attr('src','./img/more.png')
    };
    $('.bord .t2').hide();
    $(".App_top .xk").mouseover(function () {
        var num1 = $('.App_top .xk').index(this);
        console.log(num1);
        $(".App_top .xk").eq(num1).find('.t2').show();
        $(".App_top .xk").eq(num1).find('.t1').hide();
        $(".App_top .xk .circle").eq(num1).css('backgroundColor', '#468ce2');
        // $(".App_top .xk").siblings(num1).find('img').even().hide(); 
        // $(".App_top .xk").eq(num1).siblings().find('img').odd().show();
    }).mouseleave(function () {
        var num1 = $('.App_top .xk').index(this);
        console.log(num1);
        $(".App_top .xk").eq(num1).find('.t2').hide();
        $(".App_top .xk").eq(num1).find('.t1').show();
        $(".App_top .xk .circle").eq(num1).css('backgroundColor', '');
    });
    $('.Solution>div').mouseleave(function(){
        $('.Solution>div').css('transition-duration','1s');
    })
    
    // 切换卡片 
    var index = 0;
    $('.one>div').eq(index).show();
    $('.one>div').eq(index).siblings().hide();
    $('.bord img').even().siblings().hide();
    $('.xk').mousemove(function () {
        var index = $(this).index();
        $('.one>div').eq(index).show();
        $('.one>div').eq(index).siblings().hide();
        $('.bord img').eq(index).ever().show();
        console.log(index)
    })
})
